body{
	height: 100vh;
	width: 100vw;
	margin: 0;
	padding: 0;
}
			
.header{
	height: 25vh;
	width: 100vw;
	background-size: 100% 100%;
	background-image: url(../image/center-background.jpg);
}
			
.header-title{
	width: 50vw;
	height: 2.5rem;
	margin:0 25vw;
	font-size: 1.5rem;
	margin-top: 0.75rem;
	font-weight:bold;
	text-align: center;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.header-portrait img{
	height: 18vw;
	width: 18vw;
	margin:calc((7vh - 1.75rem)/4) 1.25rem calc(((7vh - 1.75rem)/4)*3) 1.25rem;
	border-radius:50%;
	display: inline-block;
	border: 1px solid white;
}

.info-title{
	width: 3rem;
	text-align: center;
}

.info-details{
	line-height: 2rem;
	height: calc(100% / 3);
	width: calc(100% - 4rem);
}

.info{
	height: calc(100% - 4rem);
	width: calc(100% - 18vw - 3.5rem);
}

.info,.header-portrait,.info-title,.info-details{
	display: inline-block;
}

.center{
	height: calc(75vh - 3.8rem);
	width: 96vw;
	margin-left: 2vw;
}

table tr td{
	margin-left: 2vw;
	width: calc(100vw / 4.1);
}

table tr td img {
	padding-top: 0.75rem;
    width: 28px;
    height: 28px;
}

table tr td:first-child{
	padding-left: calc((100vw / 4.1)/3.5);
}

table tr{
	text-align: center;
	height:  calc(calc(75vh - 3.8rem) / 4.1);
}

.container{
	width: 4rem;
	height: 4rem;
	font-size: 14px;
	border-radius: 50%;
}
.container i{
	color: rgb(252,172,89);
	font-size: 2rem;
	margin: calc((100% - 3rem)/2);
}


.footer{
	height: 3.5rem;
	width: 100vw;
	padding-top: 0.3rem;
	background-color: #E8E8E8;
}

.shortcut{
	display: inline-table;
	text-align: center;
	width: calc(100vw / 3.1);
}

.shortcut div{
	font-size: 0.85rem;
}

.shortcut i{
	font-size: 1.5rem;
}

.shortcut img {
    width: 1.5rem;
    height: 1.5rem;
}

/*包含以下四种的链接*/
a {
    text-decoration: none;
    color: black;
}
/*正常的未被访问过的链接*/
a:link {
    text-decoration: none;
    color: black;
}
/*已经访问过的链接*/
a:visited {
    text-decoration: none;
    color: black;
}
/*鼠标划过(停留)的链接*/
a:hover {
    text-decoration: none;
    color: black;
}
/* 正在点击的链接*/
a:active {
    text-decoration: none;
    color: black;
}